@gray: #333;
.clear {
  clear: both;
}
.activity {
  padding-bottom: 50px;
  .item-date {
    .date {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      -webkit-box-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
      hr {
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        height: .5px;
        color: #e1e1e1 !important;
      }
      span {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    .item-shop {
      float: left;
      display: inline-block;
      width: 49%;
      &.item-last {
        width: 100%;
      }
      .img-contain:before {
        content: '';
        display: block;
        padding-top: 100%;
      }
      .img-contain {
        position: relative;
        width: 100%;
        //height: 122px;
        //padding: 7px;
        overflow: hidden;
        box-sizing: border-box;
        img {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 100%;
          //height: 122px;
        }
      }
      .title {
        //-webkit-box-orient: vertical !important;
        width: 100%;
        display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
        -webkit-box-orient: vertical; //-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
        text-overflow: ellipsis;//可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
        -webkit-line-clamp: 1;
        overflow : hidden;
        font-size: 12px;
        color: @gray;
      }
      .price {
        .original-price {
          text-decoration: line-through;
        }
      }
    }
    .item-shop:nth-of-type(odd){
      margin-right: 2%;
    }
  }
}
